<template>
	<view>
		<view class="form">
			<view class="form-list">
				<view class="form-item">
					<view class="form-item-label">认证中心</view>
					<view class="input select">
						<view class="input-tx"></view>
						<image :src="ossUrl + `/static/editData/3.png`"></image>
					</view>
				</view>
				<view class="form-item">
					<view class="form-item-label">隐私设置</view>
					<view class="input select">
						<view class="input-tx"></view>
						<image :src="ossUrl + `/static/editData/3.png`"></image>
					</view>
				</view>
				<view class="form-item">
					<view class="form-item-label">我的订单</view>
					<view class="input select">
						<view class="input-tx"></view>
						<image :src="ossUrl + `/static/editData/3.png`"></image>
					</view>
				</view>
				<view class="form-item">
					<view class="form-item-label">用户帮助</view>
					<view class="input select">
						<view class="input-tx"></view>
						<image :src="ossUrl + `/static/editData/3.png`"></image>
					</view>
				</view>
				<view class="form-item">
					<view class="form-item-label">联系客服</view>
					<view class="input select">
						<view class="input-tx"></view>
						<image :src="ossUrl + `/static/editData/3.png`"></image>
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	page {
		background: #F6F7F8;
	}
	.form {
		width: 100%;
		margin: 0 auto;

		.form-list {
			width: 100%;
			background: #FFFFFF;
			border-radius: 20rpx;
			margin-bottom: 24rpx;

			.form-list-title {
				padding-bottom: 30rpx;
				border-bottom: 1rpx solid #EEEEEE;
			}

			.form-item {
				width: 100%;
				display: flex;
				align-items: center;
				border-bottom: 1rpx solid #F6F7F8;
				box-sizing: border-box;
				padding: 30rpx;

				.form-item-label {
					width: 150rpx;

					text {
						color: red;
					}
				}

				.input {
					flex: 1;
					min-width: 0;
					display: flex;
					align-items: center;
					justify-content: space-between;

					.input-tx {
						font-family: PingFang SC;
						font-weight: 300;
						font-size: 28rpx;
						color: #999999;
						flex: 1;
						min-width: 0;
						margin-right: 30rpx;
						text-align: right;
					}

					input {
						font-family: PingFang SC;
						font-weight: 300;
						font-size: 28rpx;
						color: #999999;
						flex: 1;
						min-width: 0;
						margin-right: 30rpx;
						text-align: right;
						padding-right: 18rpx;
					}

					.ac {
						font-family: PingFang SC;
						font-weight: 300;
						font-size: 28rpx;
						color: #999999;
						text-align: right;
					}

					image {
						width: 18rpx;
						height: 22rpx;
					}
				}

				.radio {
					display: flex;
					align-items: center;
					justify-content: flex-end;

					.input-radio {
						width: 130rpx;
						height: 52rpx;
						background: #E9E9E9;
						border-radius: 26rpx;
						display: flex;
						align-items: center;
						justify-content: center;
						margin-right: 30rpx;

						image {
							width: 30rpx !important;
							height: 30rpx !important;
							margin-right: 7rpx;
							font-family: PingFang SC;
							font-weight: 400;
							font-size: 28rpx;
							color: #666666;

						}
					}

					.input-radio-ac {
						background: #D3FFEE;
						color: #23B97F;
					}
				}

				.upload {
					.upload-item {
						width: 100%;
						display: flex;
						align-items: center;

						image {
							width: 88rpx;
							height: 88rpx;
							margin-right: 40rpx;
						}

						text {
							font-family: PingFang SC;
							font-weight: 400;
							font-size: 26rpx;
							color: #23B97F;
						}
					}
				}

				.tx-r {
					.input-tx {
						text-align: right;
					}
				}

				.select {
					.input-tx {
						text-align: right;

					}
				}
			}

			.form-list-add {
				height: 170rpx;
				display: flex;
				align-items: center;
				justify-content: center;

				image {
					width: 28rpx;
					margin-right: 20rpx;
					height: 28rpx;
				}

				font-family: PingFang SC;
				font-weight: 300;
				font-size: 24rpx;
				color: #23B97F;
			}
		}
	}

	.form-btn {
		margin: 0 auto;
		width: 690rpx;
		height: 80rpx;
		background: #23B97F;
		border-radius: 80rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 28rpx;
		color: white;
		margin-top: 40rpx;
	}
</style>